<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title><%= htmlWebpackPlugin.options.title %> demo</title>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <style type="text/css">
    html {
  height: 100%;
}

body {
  min-height: 100%;
  max-height: 100%;
  flex-direction: column;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #fbfbfb;
  font-family: "Open Sans","Noto Sans SC",Menlo,"Ubuntu Mono",Consolas,"Courier New","Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
  max-height: 100%;
  height: 100%;
  display: flex;
}

#main-layer {
  position: relative;
  overflow-y: auto;
}
#main {
  display: flex;
  flex-direction: row;
}

.editor-frame {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px;
  box-sizing: border-box;
  align-self: flex-start;
}

#main.both-user .editor-frame {
  width: 50%;
}

.demo-editor {
  padding: 0;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
  /* margin-bottom: 32px; */
  /* border: 1px solid #cccccc; */
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex-grow: 1;
  align-self: flex-start;
}


/* #editor {
  
} */

#status {
  min-height: 24px;
  display: none;
}

.space {
  flex: 1;
}


#header {
  border-bottom: 1px solid #eee;
  background: #fff;
  height: 40px;
  width: 100%;
}

#toolbar {
  justify-content: center;
  background-color: #fbfbfb;
  width: 100%;
}

.tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 16px;
  box-sizing: border-box;
}

.tools * {
  box-sizing: border-box;
}

.tools .toolbar-button {
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  color: #333;
  background-color: rgba(255, 255, 255, 0.56);
  margin: 0 4px;
  border: none;
}

.tools .toolbar-button.icon-button {
  width: 32px;
  height: 32px;
}

.tools .toolbar-button.active,
.tools .toolbar-button:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.tools .toolbar-button:disabled {
  color: #ccc !important;
  cursor: default;
  
}
.tools .toolbar-button:disabled:hover {
  background-color: transparent;
}

.tools .toolbar-button svg {
  fill: currentColor;
}

.tools .toolbar-button svg path.color-area {
  fill: currentColor;
  stroke: #333;
  stroke-opacity: 0.15;
}


.tools .split-line {
  width: 1px;
  height: 32px;
  background-color: #eee;
  margin: 0 8px;
}

#addPage {
  color: #448aff;
}

#curUserNames {
  font-weight: bold;
}
#otherUserNames {
  color: #afafaf;
  font-size: 14px;
  margin-left: 24px;
}


.label {
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  margin-left: 4px;
  margin-right: 8px;
  white-space: nowrap;
}

.label-red {
  background-color: red;
}

.label-green {
  background-color: green;
}

.label-blue {
  background-color: blue;
}

.style-border {
  border: 1px solid blue;
}

.style-strikethrough {
  text-decoration: line-through;
  text-decoration-color: red;
}


.editor-project-box {
  min-width: 200px;
  min-height: 150px;
  background-color: white;
  border: 1px solid #ccc;
  display: flex;
  /* flex-direction: column; */

}

.project-control {
  flex-grow: 1;
  height: 24px;
}

#toc {
  padding-top: 100px;
  padding-left: 32px;
  position: fixed;
  z-index: 10;
}

#toc > div {
  padding-left: 16px;
}

details {
  /* margin-left: -16px; */
}

details > div {
  padding-left: 16px;
}

details > details {
  padding-left: 16px;
}


details > summary {
  padding-left: 0;
}

.editor-main .editor-container.root-container {
  min-height: 600px;
}

    </style>
  </head>
  <body>
    <div id="header" class="tools">
      <div id="curUserNames" style="display: inline-block;"></div>
      <div id="otherUserNames" style="display: inline-block;"></div>
      &nbsp;
    </div>
    <div id="toolbar" class="tools">
      <button id="addPage" class="toolbar-button icon-button" title="创建文档">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/></svg>
      </button>

      <button id="addPageTemplate" class="toolbar-button icon-button" title="通过模版创建文档" style="color: green">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/></svg>
      </button>

      <div class='split-line'></div>

      <button id="undo" class="toolbar-button icon-button" title="撤销">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/></svg>
      </button>
      <button id="redo" class="toolbar-button icon-button" title="重做">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"/></svg>
      </button>
      <button id="style-bold" class="toolbar-button icon-button" title="粗体">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"/></svg>
      </button>
      <button id="style-italic" class="toolbar-button icon-button" title="斜体">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/></svg>
      </button>
      <button id="style-underline" class="toolbar-button icon-button" title="下划线">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"/></svg>
      </button>
      <button id="style-color" class="toolbar-button icon-button" title="文字颜色">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><rect fill="none" height="24" width="24"/><path class="color-area" d="M2,20h20v4H2V20z"></path><path d="M5.49,17h2.42l1.27-3.58h5.65L16.09,17h2.42L13.25,3h-2.5L5.49,17z M9.91,11.39l2.03-5.79h0.12l2.03,5.79 H9.91z"/></svg>
      </button>

      <button id="checkbox" class="toolbar-button icon-button" title="Check Box">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><rect fill="none" height="24" width="24"/><path class="color-area" d="M2,20h20v4H2V20z"></path><path d="M18 9l-1.41-1.42L10 14.17l-2.59-2.58L6 13l4 4zm1-6h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-.14 0-.27.01-.4.04-.39.08-.74.28-1.01.55-.18.18-.33.4-.43.64-.1.23-.16.49-.16.77v14c0 .27.06.54.16.78s.25.45.43.64c.27.27.62.47 1.01.55.13.02.26.03.4.03h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-.25c.41 0 .75.34.75.75s-.34.75-.75.75-.75-.34-.75-.75.34-.75.75-.75zM19 19H5V5h14v14z"/></svg>
      </button>

      <button id="table" class="toolbar-button icon-button" title="插入表格">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z"/></svg>
      </button>
      <button id="layout" class="toolbar-button icon-button" title="插入水平分栏" style="color:blue">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z"/></svg>
      </button>

      <button id="code" class="toolbar-button icon-button" title="插入代码" style="color:blue">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
      </button>
      
      <button id="image-button" class="toolbar-button icon-button" title="插入图片" style="position: relative;">
        <input type='file' accept="image/*" id="image" style="position: absolute; width: 100%; height: 100%; z-index: 1; border: none; color: transparent; opacity: 0;"/>
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
          <path d="M0 0h24v24H0z" fill="none"/><path d="M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2V4zm6 9l-4 5h12l-3-4-2.03 2.71L10 13zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5zM20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2zm0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2v7zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4v-7z"/>
        </svg>
      </button>

      <button id="audio-button" class="toolbar-button icon-button" title="插入录音" style="position: relative;">
        <input type='file' accept="audio/*" id="audio" style="position: absolute; width: 100%; height: 100%; z-index: 1; border: none; color: transparent; opacity: 0;"/>
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
          <path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6zm-2 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path>
        </svg>
      </button>

      <button id="video-button" class="toolbar-button icon-button" title="插入视频" style="position: relative;">
        <input type='file' accept="video/*" id="video" style="position: absolute; width: 100%; height: 100%; z-index: 1; border: none; color: transparent; opacity: 0;"/>
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
          <path d="M5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z"></path>
        </svg>
      </button>

      <button id="office-button" class="toolbar-button icon-button" title="插入Office文件" style="position: relative;overflow: hidden;">
        <input type='file' accept=".xlsx,.xls,.doc,.docx,.ppt,.pptx,.pdf" id="office" style="position: absolute; width: 100%; height: 100%; z-index: 1; border: none; color: transparent; opacity: 0;"/>
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"></path></svg>
      </button>

      <button id="mermaid" class="toolbar-button icon-button" title="插入 mermaid 流程图">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15 7v4h1v2h-3V5h2l-3-4-3 4h2v8H8v-2.07c.7-.37 1.2-1.08 1.2-1.93 0-1.21-.99-2.2-2.2-2.2-1.21 0-2.2.99-2.2 2.2 0 .85.5 1.56 1.2 1.93V13c0 1.11.89 2 2 2h3v3.05c-.71.37-1.2 1.1-1.2 1.95 0 1.22.99 2.2 2.2 2.2 1.21 0 2.2-.98 2.2-2.2 0-.85-.49-1.58-1.2-1.95V15h3c1.11 0 2-.89 2-2v-2h1V7h-4z"/></svg>
      </button>

      <button id="chart" class="toolbar-button icon-button" title="插入 Chart">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M14.82 11h7.13c-.47-4.72-4.23-8.48-8.95-8.95v7.13c.85.31 1.51.97 1.82 1.82zM15 4.58C17 5.4 18.6 7 19.42 9h-3.43c-.28-.37-.62-.71-.99-.99V4.58zM2 12c0 5.19 3.95 9.45 9 9.95v-7.13C9.84 14.4 9 13.3 9 12c0-1.3.84-2.4 2-2.82V2.05c-5.05.5-9 4.76-9 9.95zm7-7.42v3.44c-1.23.92-2 2.39-2 3.98 0 1.59.77 3.06 2 3.99v3.44C6.04 18.24 4 15.35 4 12c0-3.35 2.04-6.24 5-7.42zm4 10.24v7.13c4.72-.47 8.48-4.23 8.95-8.95h-7.13c-.31.85-.97 1.51-1.82 1.82zm2 1.17c.37-.28.71-.61.99-.99h3.43C18.6 17 17 18.6 15 19.42v-3.43z"></path></svg>
      </button>

      <button id="math" class="toolbar-button icon-button" title="插入行内数学公式">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z"></path></svg>
      </button>

      <button id="buttons" class="toolbar-button icon-button" title="插入自定义block">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3 17h18v2H3zm16-5v1H5v-1h14m2-2H3v5h18v-5zM3 6h18v2H3z"></path></svg>
      </button>

      <button id="complex-block" class="toolbar-button icon-button" title="插入自定义复合block">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98V5c0-1.1-.9-2-2-2zm0 16.01H3V4.98h18v14.03z"></path></svg>
      </button>
      

      <button id="project" class="toolbar-button icon-button" title="插入项目">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z"></path></svg>
      </button>

      <button id="custom-suggest" class="toolbar-button icon-button" title="插入项目" style="color: green;">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z"></path></svg>
      </button>

      <button id="link" class="toolbar-button icon-button" title="设置超链接（需要选中文字）">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>
      </button>
      <button id="comment" class="toolbar-button icon-button" title="模拟插入评论（需要选中文字）">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17l-.59.59-.58.58V4h16v12zM6 12h2v2H6zm0-3h2v2H6zm0-3h2v2H6zm4 6h5v2h-5zm0-3h8v2h-8zm0-3h8v2h-8z"/></svg>
      </button>

      <div class='split-line'></div>
      
      <button id="focus-mode" class="toolbar-button icon-button" title="焦点模式">
        <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M511.715556 331.548444a184.035556 184.035556 0 0 0-184.206223 183.466667 184.035556 184.035556 0 0 0 184.206223 183.466667 184.035556 184.035556 0 0 0 184.206222-183.466667 184.035556 184.035556 0 0 0-184.206222-183.466667z m0 306.631112a123.448889 123.448889 0 0 1-123.619556-123.164445 123.448889 123.448889 0 0 1 123.619556-123.107555 123.448889 123.448889 0 0 1 123.562666 123.107555 123.448889 123.448889 0 0 1-123.562666 123.107556z"></path><path d="M1008.526222 504.604444h-53.589333a439.523556 439.523556 0 0 0-129.763556-301.795555 442.595556 442.595556 0 0 0-298.837333-129.137778V15.246222a14.620444 14.620444 0 0 0-29.297778 0v58.424889c-54.613333 1.706667-107.747556 13.255111-157.923555 34.531556a441.457778 441.457778 0 0 0-140.856889 94.606222 440.661333 440.661333 0 0 0-95.004445 140.344889 436.508444 436.508444 0 0 0-34.759111 161.450666H14.791111a14.620444 14.620444 0 0 0-14.620444 14.563556c0 8.078222 6.542222 14.620444 14.620444 14.620444h53.930667a439.523556 439.523556 0 0 0 129.479111 293.546667 442.595556 442.595556 0 0 0 298.780444 129.137778v52.679111a14.620444 14.620444 0 0 0 29.297778 0v-52.679111a439.068444 439.068444 0 0 0 157.923556-34.531556 441.457778 441.457778 0 0 0 140.913777-94.663111 440.661333 440.661333 0 0 0 95.004445-140.288 437.077333 437.077333 0 0 0 34.417778-153.201778h53.930666a14.620444 14.620444 0 1 0 0-29.297777z m-482.190222 391.395556v-47.957333a14.620444 14.620444 0 0 0-29.297778 0v47.900444c-197.973333-7.395556-358.001778-165.489778-367.559111-362.211555H176.355556a14.620444 14.620444 0 0 0 14.677333-14.563556 14.620444 14.620444 0 0 0-14.677333-14.620444H129.137778c5.404444-200.590222 167.139556-362.951111 367.957333-370.460445v42.097778a14.620444 14.620444 0 0 0 29.297778 0v-42.097778c200.817778 7.566222 362.552889 169.984 368.014222 370.460445h-47.388444a14.620444 14.620444 0 0 0-14.620445 14.620444c0 8.021333 6.542222 14.563556 14.620445 14.563556h46.990222c-9.500444 196.721778-169.528889 354.759111-367.616 362.211555z"></path></svg>
      </button>
      <button id="typewriter-mode" class="toolbar-button icon-button" title="打字机模式">
        <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M194.3 394.9h626.6v24.5H194.3zM200 604.9h616.2v24.5H200z"></path><path d="M937.2 934.8H78.1V768.1l104-153v-280h651.1v280l104 153v166.7z m-834.6-24.5h810.2V775.7l-104-153v-263H206.6v263l-104 153v134.6z"></path><path d="M93.5 855.3h828.3v24.5H93.5zM239.2 654.4h73.4v24.5h-73.4zM355.1 654.4h73.4v24.5h-73.4zM470.9 654.4h73.4v24.5h-73.4zM586.8 654.4h73.4v24.5h-73.4zM702.7 654.4h73.4v24.5h-73.4z"></path><path d="M184.9 702.8h73.4v24.5h-73.4zM299.3 702.8h73.4v24.5h-73.4zM413.7 702.8h73.4v24.5h-73.4zM528.2 702.8h73.4v24.5h-73.4zM642.6 702.8H716v24.5h-73.4zM757 702.8h73.4v24.5H757z"></path><path d="M140.3 754.9h73.4v24.5h-73.4zM250.5 754.9h73.4v24.5h-73.4zM360.7 754.9h73.4v24.5h-73.4zM470.9 754.9h73.4v24.5h-73.4zM581.2 754.9h73.4v24.5h-73.4zM691.4 754.9h73.4v24.5h-73.4zM801.6 754.9H875v24.5h-73.4z"></path><path d="M507.7 581.6c-96.2 0-174.5-78.3-174.5-174.5h24.5c0 82.7 67.3 150 150 150s150-67.3 150-150h24.5c0 96.2-78.3 174.5-174.5 174.5z"></path><path d="M507.7 468.5c32.7 0 59.1-26.5 59.1-59.1H448.5c0 32.7 26.5 59.1 59.2 59.1z"></path><path d="M549.91 443.08l13.115-20.696 90.637 57.438-13.115 20.695z"></path><path d="M508.91 450.932l19.367-15.006 76.746 99.05-19.367 15.006z"></path><path d="M499.8 440.7h24.5v127h-24.5z"></path><path d="M421.135 535.59l71.905-105.17 20.224 13.828-71.904 105.17z"></path><path d="M359.104 473.322l115.052-61.379 11.532 21.616-115.051 61.38z"></path><path d="M730 347.4h-24.5V105.5H309.8v241.9h-24.4V81H730zM266.9 323.4h-90.6v-61.6h-48.2v-73.4h138.8v135z m-66.2-24.5h41.7v-86h-89.9v24.5h48.2v61.5zM839.1 323.4h-90.6v-135h138.8v73.4h-48.2v61.6z m-66.2-24.5h41.7v-61.6h48.2v-24.5h-89.9v86.1z"></path></svg>
      </button>

      <div class='split-line'></div>

      <button id="fullscreen" class="toolbar-button icon-button" title="全屏演示">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></svg>
      </button>
      

      <div class='split-line'></div>

      <div id="docStatus" class="toolbar-button icon-button" title="状态">
        <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
          <circle cx="12" cy="12" r="12" fill="currentColor" />
        </svg>
      </div>

    </div>
    <div id="main-layer">
      <div id="toc"></div>
      <div id="main">
        <div id="editor-frame" class="editor-frame"><div id="editor" class="demo-editor"></div></div>
      </div>
    </div>
  </body>
  <script>
  </script>
</html>
